<template>
<div class="index">
  <nav-menu></nav-menu>
  <swipe :swipe="swipe"></swipe>
  <home-main-index :home-main-data="homeMainData"></home-main-index>
  <links :links="homeMainData.links"></links>
  <home-footer></home-footer>
</div>
</template>

<script>
import {getHomeData} from "@/network/home";
import Swipe from "@/views/home/swipe";
import NavMenu from "@/views/home/navMenu";
import HomeMainIndex from "@/views/home/homeMain/homeMainIndex";
import Links from "@/views/home/links";
import HomeFooter from "@/views/home/homeFooter";

export default {
  name: "index",
  components: {HomeFooter, Links, HomeMainIndex, NavMenu, Swipe},
  data(){
    return{
      homeMainData:{},
      swipe:[]
    }
  },
  created() {
    getHomeData().then(res=>{
      this.homeMainData=res.data
      this.swipe=res.data.swipe;
    })
  }
}
</script>

<style scoped>

</style>